td{padding:0 !important}
textarea {
    resize: none;
}
html,body{height:100%;}
ul,li{padding:0;margin:0;list-style:none}
.content{height:100%;}
.tip{
    display:block;
    background:#f00;
    border-radius:50%;
    width:8px;
    height:8px;
    top:0px;
    right:0px;
    position:absolute;
}
.fl{
    float:left
}
.fr{
    float:right
}


.message-box{height:calc(100% - 50px)}
.message-box .message{
    background:#f1f1f1;
    height:100%;
    overflow-y:auto; 
}
.message-titles a{
    text-decoration: none;
    color: #333333;
    /* margin-right: 18px; */
}
.message-input{

    position:fixed;
    bottom:0;
  
}
.alert-danger{
    background-color: transparent !important;
}
.message-titles{    
    overflow:hidden;
}
.message-txtarea{
    overflow:hidden;
    width:100%;
	padding: 4px 0;
	background: #ffffff;
}
.message-txtarea-input{ 
    overflow-y:auto;
    width:100%;
    border:1px #ddd solid;
    height:35px;
	border-radius: 18px!important;
    background-color: #fff;
	margin-top: 5px;
}
.face-list,.bottom-btns{display:none}
.message-txtarea .input-group-addon{
    background-color:#ffffff;
    border:none;
    font-size:28px
}


.message-box .message ul{overflow-y:auto}
.message li{
    width:100%;
    overflow:hidden;
    padding:10px;
}
.message li > img{
    width:30px;
    height:30px;
    border-radius:30px
}
.message li.left .infos,.message li.left > img{float:left}
.message li.right .infos,.message li.right > img{float:right}
.message li .infos{
    background:#fff;
    padding:10px;
    border-radius:5px;
    max-width:80vw;
}
.message li.left .infos{
    margin-left:10px;
    overflow:hidden;
}
.message li.right .infos{
    margin-right:10px;
    overflow:hidden;
}
.message li.times{
    text-align:center;
    padding:5px;
    color:#999;

}
.message li.loadmore{
    text-align:center;
    color:#3399ea;
    cursor:pointer
}
.scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.scrollbar::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    background:#74D334;
	display: none;
}
.scrollbar::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    background:#FF66D5;
	display: none;
}
.scrollbar::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/
    background:#FF66D5;
	display: none;
}
.scrollbar::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/
    background:#FFA711;
    border-radius:4px;
	display: none;
 }
.scrollbar::-webkit-scrollbar-corner {/*边角（位置6）*/
    background:#82AFFF;
	display: none;
}
.scrollbar::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/
    background:#FF0BEE;
	display: none;
}
.scrollbar{
    scrollbar-arrow-color: #f4ae21; /**//*三角箭头的颜色*/
    scrollbar-face-color: #333; /**//*立体滚动条的颜色*/
    scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #666; /**//*滚动条空白部分的颜色*/
    scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴影的颜色*/
    scrollbar-track-color: #666; /**//*立体滚动条背景颜色*/
    scrollbar-base-color:#f8f8f8; /**//*滚动条的基本颜色*/
}


.goods{
    width:80vw;
    overflow:hidden;
}
.goods .goods-img{
    width:80px;
    height:80px;
    float:left;
    margin-right:10px;
}
.goods .goods-info{
    min-height:80px;
    margin-left:10px;
    
}
.goods .goods-info h6{
    height:32px;
    font-size:14px;
    line-height:16px;
    overflow:hidden;
    word-break:break-all;
    word-wrap:break-word;
    text-overflow:ellipsis;
    margin:0 !important;
}
.goods .goods-info .price{
    height:30px;
    line-height:30px;
    font-size:16px;
    overflow:hidden;
    color:red
}
.goods .goods-info .info{
    height:20px;
    line-height:20px;
    font-size:11px;
    overflow:hidden;
    color:#666;
    word-wrap: break-word;
    word-break: break-all;
}
.goods .goods-info .remark{
    color:#999;
    font-size:11px;
}
.goods .goods-info .btn{
    margin-left:10px;
}
img.face{
    width:24px;
    height:24px;
    vertical-align:text-bottom
}
#face_list{
    padding:10px;
    width:100%;
    height:100px; 
    background:#fff
}
#face_list img{
    padding:5px;
    cursor:pointer;
}

.message li .infos.picture{
    background:#f5f5f5
}
.message li .infos.picture img{max-width:200px}
.message li .infos.tomoney{
    padding:0 !important;
    border-radius:5px;
    overflow:hidden;
    min-width:200px;
}
.message li .infos.tomoney .tomoney-info{
    overflow:hidden;
    background:#f0ad4e;
    padding:10px;
    color:#fff
}
.message li .infos.tomoney .tomoney-info .icon{
    float:left;
    height:42px;
    width:42px;
    margin-top:4px;
    margin-right:8px;
    background:url(../images/tomoney.png);
    background-size:100% 100%;
}
.message li .infos.tomoney .tomoney-info .info{
    overflow:hidden;
    float:left
}
.message li .infos.tomoney .tomoney-info .info h6{margin:0;line-height:28px;font-size:14px;font-weight:bold;height:28px;}

.message li .infos.tomoney .tomoney-info .info .remark{
    font-size:11px;
    height:20px;
    line-height:20px;
    overflow:hidden
}
.message li .infos.tomoney .bottom{
    background:#fff;
    color:#999;
    font-size:9px;
    padding:5px;
}
.send-goods .goods{
    overflow:hidden
}
.send-goods .goods img{width:50px;height:50px;float:left}

.replay{
    padding:10px;
}
.replay li .info{border:1px #dbdbdb dotted;padding:5px;width:100%;height:auto;font-size:12px}
.replay li .btns{margin:10px 0}
.replay-input{padding:10px;}
.replay-input a{margin-top:10px;float:right}
.replay-input textarea{border:1px #dbdbdb dotted}
.message-txtarea-submit{
    font-size:14px;
	    background: #31b0d5;
	    color: #fff;
	    padding: 4px 7px;
	    border-radius: 50px;
}

.comment .comment-score{
       font-size:14px;
       font-weight:bold;
       color:red
}
.autio{
  
}
.autio-play{
    height:24px;
    overflow:hidden;
    line-height:24px; 
    position:relative;
    cursor:pointer
}
.autio-play i{   
    width:24px;
    height:24px;
    float:left   
}

.autio-play i.play{
    background:url(../images/audio-play.png) no-repeat left;
    background-size:100% 100%;
}
.autio-play i.pause{
    background:url(../images/audio-pause.png) no-repeat left;
    background-size:100% 100%;
}
.autio-play span{
   float:left;
   margin-left:10px;
}
.alt_img{
    position: fixed;
    overflow:hidden;
    display:none; 
    top:0;
    left:0;
    width:100vw;
    height:100vh;
}
.alt_img_title{
    width: 100%;
    height: 30px;
    text-align: right;
    background:#333;
}
.alt_img_title > img{
    width: 30px;
    height: 30px;
    cursor:pointer
}
.bit_img {
    display: table-cell;
    width: 100vw;
    height: 100vh;
    vertical-align: middle;
    background:#333
}
.bit_img img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.store-user{	
	padding-left:30px;
}
.store-user img{
	border-radius:0
}
.store-user span{
	padding-left:5px;
	color:666
}
.right-btn{
   padding:10px;
   width:100%;
   height:65px; 
   background:#fff; 
   display: flex;
   align-items: center;
   justify-content: space-around;
}
.right-btn a{
	display:inline-block;
	position:relative;
	overflow:hidden;  
    float:left;
}
.right-btn #picture i{
    font-size:48px
}
.right-btn #video i{
    font-size:65px;
    margin-top:-6px
}
.right-btn a input[type=file]{
	position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
	
}

.right-btn .footer-menu{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.right-btn .footer-menu span{
	margin-top: 6px;
	font-size: 10px;
	color: #cccccc;
}

.message li .infos .loading{
	width:20px;
	height:20px;
	background:url(../images/loading.gif) no-repeat;
	background-size:100% 100%;	
}
.message li .infos .loading-error{	
	color:Red;
	font-size:11px;
}
.message li .infos.video{
    background:#f5f5f5
}
.message li .infos.video video{max-width:200px}
.message li .infos .remark{
	color:#999;
	font-size:11px;
}
.message li .infos.video video::-webkit-media-controls-fullscreen-button{ display: none !important; } 
.message li .infos.video video::-webkit-media-controls-mute-button { display: none !important;}
.message li .infos.video video::-internal-media-controls-overflow-button{ display: none !important;}
.addinfo{
    position:fixed;
    bottom:120px;
    left:0;
    padding:10px;
    width:100%;   
    cursor:pointer
}
.addinfo .goods ,.addinfo .order{
    width:100%;
    background:#fff;
    border-radius:10px;
    padding:10px;
}
.order {
    padding:10px;
    width:80vw;
}
.order .icon,.order .remark{
    color:#ddd;    
    font-size:12px
}
.order .icon i{
    margin-right:5px;
}
.order .order-goods{
    width:100%;
    border:none;
    margin-top:5px;
}
.order .order-goods img{
    width:40px;
    height:40px;
}
.order .order-goods td{
    border-top:5px #fff solid
}
.order .order-goods{
    font-size:12px;
    line-height:14px;   
}
.order .order-goods .thumb{  
    width:50px;
   
}
.order .order-goods .sku{  
    color:#999;
    margin-top:5px
}
.order .order-goods .num{  
    color:#999;
    width:40px;
    text-align:center
}
.order .order-goods .price{  
    color:red;
    width:40px;
    text-align:right
}
.order .address{
    font-size:12px;
    line-height:18px;
    color:#444;   
    margin-top:10px;
}
.mt10{margin-top:10px}

	#mask2 {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 999;
				background: #666;
				opacity: 0.5;
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				
			}
			
			.popup2 {
				position: absolute;;
				height: 480px;
				background: #fff;
				border-radius: 3px 3px 0 0;
				border: block;
				z-index: 1000;
				
				bottom: 0px;
				width: 100%;
			}
			
			
			
.nav-tabs{
	display: flex!important;
	align-items: center!important;
	width: 100%!important;
	justify-content: space-between!important;
}

.nav-justified>li{
	width: 50%!important;
	border: none!important;
}

.nav-tabs>li>a{
	border: none!important;
	color: #333333!important;
	font-weight: bold;
}

.nav-tabs>li.active>a{
	/* border: none!important; */
	border-bottom: 2px solid #31b0d5!important;
	border-radius: 0px!important;
	color: #31b0d5!important;
	font-weight: bold;
}

.goods_list{
	padding: 0 12px;
	
}

.goods_item{
	display: flex;
	width: 100%;
	align-items: center;
	padding: 12px;
	border-bottom: 1px solid #f4f4f4;
}
.goods_item img{
	margin-right: 5px;
}

.goods_content{
	display: flex;
	flex-direction: column;
	
}

.goods_name{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	-webkit-line-clamp: 2;
}

.goods_content .text1{
	color: #ccc;
	font-size: 14px;
	margin-top: 10px;
}
.goods_content .text2{
	color: red;
	font-size: 16px;
	font-weight: bold;
}
.goods_bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.goods_bottom .send_btn{
	width: 50px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #31b0d5;
	color: #31b0d5;
	text-align: center;
	line-height: 20px;
}


